<template>
	<navbar title="定制培训" :isBack="true"></navbar>
	<view class="page" v-html="detail">
		<!-- <view style="height: 459rpx;border-radius: 20rpx;background-color: red;"></view>
		<view class="" style="margin-top: 50rpx;">
			富文本
		</view> -->
	</view>
	<view class="" style="position: fixed;bottom: 0;width: 100%;height: 100rpx;display: flex;background-color: white;">
		<button open-type="contact" style="background-color: white;padding: 0;margin-top: 10rpx;">
			<view class=""
				style="display: flex;flex-direction: column;align-items: center;height: 100rpx;justify-content: center;padding: 0 20rpx;margin-left: 40rpx;">
				<image src="/static/image/kf.png" mode="" style="width: 36rpx;height: 36rpx;"></image>
				<view class="" style="font-size: 24rpx;color: #2C2C2C;white-space: nowrap;">
					客服
				</view>
			</view>
		</button>
		<view class="" @click="submit"
			style="width: 100%;height: 100rpx;background: linear-gradient(90deg, #5062A7 0%, #354678 100%);display: flex;justify-content: center;align-items: center;color: white;margin-left: 50rpx;">
			立即预约
		</view>
	</view>
</template>

<script setup lang="ts">
	import { getMadeDetail } from '@/service/api/reservation'
	import { onLoad } from '@dcloudio/uni-app'
	import {ref} from 'vue'
	onLoad(() => {
		getData()
	})
	const detail = ref('')
	const getData = async () => {
		const res = await getMadeDetail('');
		detail.value = res.msg;
		console.log(res);
	}
	const submit = () => {
		uni.navigateTo({
			url: '/pagesB/custom/agree'
		})
	}
</script>

<style scoped lang="scss">
	.page {
		min-height: calc(100vh - 68px);
		padding: 30rpx 30rpx 130rpx 30rpx;
		overflow: hidden;
	}
</style>